<template>
  <div class="iconbanner">
    <ul class="bannerbox">
        <li>
            <router-link to="iconhome">我要分期</router-link>
        </li>
        <li>
            <router-link to="zhangwu">我的账户</router-link>
        </li>
        <li>
            <router-link to="fuwu">用户服务</router-link>
        </li>
        <li>
            <router-link to="anquan">卡片安全</router-link>
        </li>
    </ul>
    <router-view/>
  </div>
</template>

<script>
export default {
    
}
</script>

<style scoped lang="scss">
    .iconbanner{
        width: 100%;
        height: 0.36rem;
        .bannerbox{
            width: 90%;
            margin: auto;
            height: 100%;
            display: flex;
            margin-top: 0.16rem;
            background-color: white;
            li{
                height: 100%;
                font-size: 0.16rem;
                margin-right: 0.04rem;
                a{
                    display: block;
                    line-height: 0.36rem;
                }
                .router-link-exact-active{
                    font-size: 0.18rem;
                    font-weight: 700;
                }
            }
        }
    }
</style>